<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:z="http://pd.softplan.com.br/zion/faces"
	template="/WEB-INF/templates/showcase-base-template.xhtml">

	<ui:define name="title">Card Input</ui:define>

	<ui:define name="description">
		<p>Componente para a entrada de dados com lookup.</p>
	</ui:define>

	<ui:define name="useCases">

		
		<z:gridsystem maxslots="1" slots="4">
			<z:cardinput id="teste" label="CardInput Teste"
				value="#{cardInputForm.valorTeste}"
				lookupMethod="#{cardInputForm.lookup()}" 
				template="simulatorCard" var="result" slots="1" required="true" />
		</z:gridsystem>

	</ui:define>

</ui:composition>

<!--  		<div class="componentUsageExample">
			<h3>Editável</h3>
			<span class="status success" />
			<z:cardinput id="nome" label="descricao"
				value="#{cardInputForm.itemCardInput}"
				lookupMethod="#{cardInputForm.lookupCardInputEditableSimple}" template="cardInputVar"
				var="item" width="40em" />
		</div>

		<div class="componentUsageExample">
			<h3>Editável (pesquisa lenta)</h3>
			<span class="status success" />
			<z:cardinput id="nome-slow" label="#{msgs.cliente_label_nome}"
				value="#{cardInputForm.itemCardInput}"
				lookupMethod="#{cardInputForm.lookupCardInputEditableSimple}"
				template="cardInputVar" var="item" width="40em" />
		</div>

		<div class="componentUsageExample">
			<h3>Editável com Valor Inicial Preenchido e Mapping</h3>
			<span class="status success" />
			<z:cardinput id="cardinput1" label="#{msgs.cliente_label_nome}"
				lookupMethod="#{cardInputForm.lookupCardInputEditableWithInitialValueAndMapping()}"
				mapping="codigo=item.id;descricao=item.descricao;valor=item.valor"
				template="cardInputMapping"
				value="#{cardInputForm.itemPreenchido}" var="item" />
			<br />
			<z:text id="echoPreenchido" label="Echo"
				value="#{cardInputForm.itemPreenchido.descricao}"
				renderAsOutput="true" />
			<z:button value="Echo">
				<f:ajax render="echoPreenchido" />
			</z:button>
		</div>
 -->